<%@ page contentType="text/html;charset=UTF-8" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<style>
</style>
<html lang="zh-CN">
<head>
    <title>支付宝 知托付!</title>
    <meta charset="UTF-8">
    <link rel="icon" href="resource/images/icons/favicon.ico" type="image/x-icon">
    <link rel="stylesheet" type="text/css" href="resource/bootstrap/css/bootstrap.min.css" >
    <script src="resource/bootstrap/js/jquery.min.js"></script>
    <script src="resource/bootstrap/js/bootstrap.min.js"></script>
    <script src="resource/js/cg-utils.js"></script>
    <meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<style>
    .business{
        font-family: 'Arial', 宋体;
    }
    .business-icon{
        width: 24px;
        height: 24px;
    }
</style>
<body>
    <!-- 顶部导航 -->
    <nav class="navbar navbar-default navbar-fixed-top navbar-inverse">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <i class="navbar-brand">
                    <img  src='<c:url value="/resource/images/logo/logo-200.png" /> ' style="width: 40%; " />
                </i>
            </div>
            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                <div class="nav navbar-nav navbar-right"style="padding: 15px 15px;">
                     <span class="small" >
                         <c:choose>
                             <c:when test="${not empty sessionScope.user}">
                                 <a href="index.htm">你好,${sessionScope.user.userName}</a>
                             </c:when>
                             <c:otherwise>
                                 <span style="color: white">我已有支付宝账户  </span>
                                 <a href="user/login.html">快速登录</a>
                             </c:otherwise>
                         </c:choose>
                    </span>
                </div>
            </div><!-- /.navbar-collapse -->
    </nav>
    <!--- 导航结束 -->
    <div class="row" style="margin-top:3%">
    <div id="carousel-example-generic" class="carousel slide" data-ride="carousel" data-interval="4000">
        <!-- Wrapper for slides -->
        <div class="carousel-inner" role="listbox">
            <div class="item active">
                <img src="resource/images/index/bg1.jpg">
                <div class="carousel-caption">
                    <img class="carousel-bg1" src="resource/images/index/slogan1.png" />
                    <div style="padding-top: 3%;">
                        <a class="btn btn-lg btn-info business" role="button">
                            <img class="business-icon" src="resource/images/index/cooperation.png" />
                            	我是合作伙伴
                        </a>
                        <a class="btn btn-lg btn-info business" role="button">
                            <img class="business-icon" src="resource/images/index/merchant.png" />
                           	       我是商家用户
                        </a>
                        <a class="btn btn-lg btn-info business" role="button" href="user/login.jsp">
                            <img class="business-icon" src="resource/images/index/user.png" />
                            	我是个人用户
                        </a>
                    </div>
                </div>
            </div>
            <div class="item">
                <img class="lazy-img" data-src="resource/images/index/bg2.jpg" />
                <div class="carousel-caption">
                    <img class="lazy-img" data-src="resource/images/index/slogan2.png" />
                    <div style="padding-top: 3%;">
                        <a class="btn btn-lg btn-info business" role="button">
                            <img class="business-icon lazy-img" data-src="resource/images/index/cooperation.png" />
                            	我是合作伙伴
                        </a>
                        <a class="btn btn-lg btn-info business" role="button">
                            <img class="business-icon lazy-img" data-src="resource/images/index/merchant.png" />
                           	       我是商家用户
                        </a>
                        <a class="btn btn-lg btn-info business" role="button" href="user/login.jsp">
                            <img class="business-icon lazy-img" data-src="resource/images/index/user.png" />
                            	我是个人用户
                        </a>
                    </div>
                </div>
            </div>
            <div class="item">
                <img class="lazy-img" data-src="resource/images/index/bg2.jpg" />
                <div class="carousel-caption">
                    <img class="lazy-img" data-src="resource/images/index/slogan2.png" />
                    <div style="padding-top: 3%;">
                        <a class="btn btn-lg btn-info business" role="button">
                            <img class="business-icon lazy-img" data-src="resource/images/index/cooperation.png" />
                            	我是合作伙伴
                        </a>
                        <a class="btn btn-lg btn-info business" role="button">
                            <img class="business-icon lazy-img" data-src="resource/images/index/merchant.png" />
                           	       我是商家用户
                        </a>
                        <a class="btn btn-lg btn-info business" role="button" href="user/login.jsp">
                            <img class="business-icon lazy-img" data-src="resource/images/index/user.png" />
                            	我是个人用户
                        </a>
                    </div>
                </div>
            </div>
        </div><!-- Wrapper for slides End -->
    </div><!-- 轮播图结束 -->
    </div>
    <div class="bottom" style="padding-top: 15px;">
        <ul class="list-inline text-center">
            <li><a href="#" class="">蚂蚁金服集团 |</a></li>
            <li><a href="#"> 支付宝 | </a></li>
            <li><a href="#"> 余额宝 |</a></li>
            <li><a href="#"> 招财宝 | </a></li>
            <li><a href="#">蚂蚁商家中心 | </a></li>
            <li><a href="#">芝麻信用 | </a></li>
            <li><a href="#">蚂蚁微贷 | </a></li>
            <li><a href="#">网商银行 | </a></li>
            <li><a href="#">开放平台 | </a></li>
            <li><a href="#">诚征英才 | </a></li>
            <li><a href="#">联系我们</a></li>
        </ul>
        <h4 class="text-center"><small>&copy;CG银行</small></h4>
        <img class="img-responsive center-block"  src="resource/images/index/bootom-cooperation.png">
    </div>
</body>
<script>
	$(function(){
		lazyLoadImage(3000);
	})
</script>
</html>